<template>
  <div>
    <public-head :title="title" :path="path"  :hasSearch="hasSearch" />
    <van-tabs  v-model="active" color = "#198AFF" line-width="20px"
            title-active-color = "#198AFF" title-inactive-color="#999"
            >
            <van-tab title="生产计划">
              <div class="wrap">
                  <div class="chooseBox">
                    <div class="chooseLine">
                      <van-cell title="全部线路" is-link />
                    </div>

                    <div class="chooseDate">
                      <van-cell title="2021-05-20" is-link />
                    </div>
                  </div>
              </div>
            </van-tab>
            <van-tab title="月修计划">
            </van-tab>
            <van-tab title="大修计划">

            </van-tab>
    </van-tabs>

  </div>
</template>
<script>
import PublicHead from "../../../components/PublicHead";
export default {
  name: "consumption",
  components: {
    PublicHead
  },
  data() {
    return {
        title: "计划指标",
        path:"consumption",
        hasSearch: true,
        active:"0",
    };
  },
  mounted() {},
  methods: {},
};
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
.wrap{
    width 345px
    margin-left 15px
		.chooseBox{
			margin 10px 0
			width 100%
			background-color #fff
			display flex
			justify-content space-between
			font-size 15px
		}
     
}
</style>
